<template>
  <view class="container">

    <view class="complaints">
      <view class="Ftitle">评价</view>
      <textarea rows="5" placeholder="写下你对宝贝的评价吧!" v-model="textData"></textarea>
      <view class="Ftitle">评分</view>
      <view class="score">
        <uni-rate :value="3" :is-fill="false" :size="32" />
      </view>
      <button type="submit" class="btn" @click="show">提交</button>

    </view>

  </view>
</template>

<script>

export default {
  components: {

  },
  data () {
    return {
      textData: '',
      score: 0,
      phone: ''
    }
  },

  methods: {


  }

}
</script>

<style lang="less" scoped>
.page {
  background-color: rgb(245, 245, 245);
}

.width {
  width: 90%;
}

.complaints {
  background-color: #fff;
  margin: 20px 15px;
  border-radius: 10px;
  padding: 15px;

  .score {
    padding: 15px 0;
  }

  input {
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    font-size: 15px;
    background-color: rgb(248, 248, 248);
  }
}

.complaints .Ftitle {
  border-left: 4px solid #448AFF;
  padding-left: 10px;
}

.complaints textarea {
  width: 100%;
  background-color: rgb(248, 248, 248);
  border-radius: 5px;
  margin: 10px 0;
  border: 0;
  padding: 10px;
}

.btn {
  width:100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin: 15px 0;
  background-color: #00a8cc;
  border: 0;
  border-radius: 20px;
}

.btn:active {
  // box-shadow: 0px 0px 0px 0px rgba(10, 16, 20, 0.24);
  transform: translateY(4px);
  box-shadow: none;
}
</style>
